<template>
  <div class="flex-col justify-start relative page">
    <div class="flex-col section">
      <div class="mt-8 flex-col justify-start items-start relative group">
        <div class="flex-row justify-between items-start pos">
          <img class="image_6" src="https://shops.cg500.com/static/newimg/17108371421359105611.png" />
          <div class="flex-col justify-start items-start image-wrapper">
            <img class="image_4" src="https://shops.cg500.com/static/newimg/17108371421342678473.png" />
          </div>
          <img class="image_3 pos_3" src="https://shops.cg500.com/static/newimg/17108376290042680196.png" />
          <div class="image_5 pos_4 text_44">{{ list.zongliang }}</div>
          <span class="font pos_2">数据展示</span>
        </div>
      </div>
    </div>
    <div class="flex-col section_3 pos_6">
      <div class="flex-col section_5">
        <div class="flex-col justify-start items-start self-stretch relative group_5">
          <span class="text_8">SHUJUZHANSHI</span>
          <span class="text_7 pos_8">数据展示</span>
        </div>
        <div class="flex-col justify-start items-center self-center text-wrapper_3">
          <span class="font_3 text_9">底池</span>
        </div>
        <div class="flex-row justify-center items-center self-stretch group_6">
          <div>
            <img class="image_8" src="https://shops.cg500.com/static/newimg/17108371429992372676.png" />
          </div>
          <div class="ml-8 text_10">{{ Math.round(list.dichi) }}</div>
        </div>
        <div class="flex-row justify-center items-baseline self-stretch group_7">
          <span class="font_4 text_11">精确值</span>
          <span class="font_4 text_12 ml-1-5">{{ list.dichi }}</span>
        </div>
      </div>
      <div class="flex-row equal-division">
        <div class="flex-col equal-division-item section_6">
          <div class="flex-col items-center">
            <img class="shrink-0 image_11" src="https://shops.cg500.com/static/newimg/17108371430933906839.png" />
            <span class="font_3 text_13">销毁量</span>
            <div class="shrink-0 section_8"></div>
          </div>
          <div class="mt-10 flex-row items-center qwe">
            <div>
              <img class="shrink-0 image_12" src="https://shops.cg500.com/static/newimg/17108371430629218702.png" />
            </div>

            <div class="font_5 ml-4-5">{{ Math.round(list.xiaohui) }}</div>
          </div>
          <span class="mt-10 font_6 text_15">{{ list.xiaohui }}</span>
        </div>
        <div class="ml-8 flex-col equal-division-item section_7">
          <img class="self-center image_10" src="https://shops.cg500.com/static/newimg/17108371421410738375.png" />
          <div class="flex-col items-center self-stretch mt-11-5">
            <span class="font_3 text_14">流通量</span>
            <div class="shrink-0 section_8"></div>
          </div>
          <div class="flex-row items-center self-stretch mt-11-5 qwe">
            <div>
              <img class="shrink-0 image_12" src="https://shops.cg500.com/static/newimg/17108371430629218702.png" />
            </div>
            <div class="font_5 ml-2-5">{{ Math.round(list.liutong) }}</div>
          </div>
          <span class="self-center font_6 mt-11-5">{{ list.liutong }} </span>
        </div>
      </div>
    </div>
    <div class="flex-col section_2 pos_5">
      <div class="flex-row items-center">
        <span class="text_2">减产倒计时</span>
        <!-- <van-count-down :time="time" /> -->
        <van-count-down :time="time">
          <template #default="timeData" class="flex-col justify-start items-center text-wrapper ml-5-5">
            <span class="flex-col justify-start items-center text-wrapper ml-5-5">{{ timeData.hours }}</span>
            <span class="font_2 text_3">:</span>
            <span class="flex-col justify-start items-center text-wrapper ml-5-5">{{ timeData.minutes }}</span>
            <span class="font_2 text_3">:</span>
            <span class="flex-col justify-start items-center text-wrapper ml-5-5">{{ timeData.seconds }}</span>
          </template>
        </van-count-down>
        <!-- <div class="flex-col justify-start items-center text-wrapper ml-5-5"><span class="font_2">0</span></div>
        <div class="flex-col justify-start items-center text-wrapper ml-5-5"><span class="font_2">0</span></div>
        <div class="flex-col justify-start items-center text-wrapper_2 ml-5-5"><span class="font_2 text_3">:</span></div>
        <div class="flex-col justify-start items-center text-wrapper ml-5-5"><span class="font_2 text">0</span></div>
        <div class="flex-col justify-start items-center text-wrapper ml-5-5"><span class="font_2">0</span></div> -->
      </div>
      <div class="flex-col group_2">
        <div class="flex-col items-center">
          <span class="font">当前诺丽果时价值</span>
          <div class="shrink-0 section_4"></div>
        </div>
        <div class="flex-row group_3 qwe">
          <div>
            <!-- <img class="shrink-0 self-start image_8" src="https://shops.cg500.com/static/newimg/17108371429992372676.png" /> -->
          </div>
          <!-- <div class="text_4 ">{{ Math.round(list.jiazhi) }}</div> -->
        </div>

        <div class="flex-row justify-evenly items-baseline group_4">
          <span class="text_5">精确值</span>
          <span class="text_6">{{ list.jiazhi }}</span>
        </div>
      </div>
      <img class="image_7 pos_7" src="https://shops.cg500.com/static/newimg/17108371431355977888.png" />
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      list: {},
      // hours:'',
      // minutes:'',
      // seconds:'',
      time: ""
    };
  },
  mounted() {
    console.log("11111111111111寄卖1111111");
    this.getData();
  },
  methods: {
    getTimeRemainingToMidnight() {
      // 获取当前日期
      let currentDate = new Date();

      // 设置时间为当天的凌晨，即00:00:00
      let midnight = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate());

      // 计算两个时间点之间的差值（毫秒）
      let diff = midnight.getTime() - currentDate.getTime();
      console.log(`xxxxxxxxxx: ${diff} xxx`);
      // 如果当前时间已经超过凌晨，则diff会是一个负数。我们需要加上一天的毫秒数来得到剩余时间。
      if (diff < 0) {
        diff += 24 * 60 * 60 * 1000; // 一天有24小时，每小时60分钟，每分钟60秒，每秒1000毫秒
      }

      return diff;
    },
    formatTimeRemaining(milliseconds) {
      let seconds = Math.floor((milliseconds / 1000) % 60);
      let minutes = Math.floor((milliseconds / (1000 * 60)) % 60);
      let hours = Math.floor(milliseconds / (1000 * 60 * 60));

      hours = hours < 10 ? "0" + hours : hours;
      minutes = minutes < 10 ? "0" + minutes : minutes;
      seconds = seconds < 10 ? "0" + seconds : seconds;

      return `${hours}:${minutes}:${seconds}`;
    },

    getData() {
      this.time = this.getTimeRemainingToMidnight();
      // console.log(`Time remaining to midnight: ${timeRemaining} milliseconds`);
      // let timeRemaining = this.getTimeRemainingToMidnight();
      // let formattedTime = this.formatTimeRemaining(timeRemaining);
      // console.log(`Time remaining to midnight: ${formattedTime}`);
      $http
        .get(
          "Nuoli.shuju",
          {
            // uid: localStorage.getItem("uid")
          },
          "..."
        )
        .then(res => {
          this.list = res.data;
          console.log(res.data, "走了吗走了吗走了吗走了吗走了吗");
        });
    }
  }
};
</script>
<style scoped>
/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

#app {
  width: 100vw;
  height: 100vh;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.ml-2 {
  margin-left: 0.13rem;
}

.mt-2 {
  margin-top: 0.13rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.ml-6 {
  margin-left: 0.38rem;
}

.mt-6 {
  margin-top: 0.38rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.ml-10 {
  margin-left: 0.63rem;
}

.mt-10 {
  margin-top: 0.63rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.ml-14 {
  margin-left: 0.88rem;
}

.mt-14 {
  margin-top: 0.88rem;
}

.ml-16 {
  margin-left: 1rem;
}

.mt-16 {
  margin-top: 1rem;
}

.ml-18 {
  margin-left: 1.13rem;
}

.mt-18 {
  margin-top: 1.13rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.ml-22 {
  margin-left: 1.38rem;
}

.mt-22 {
  margin-top: 1.38rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.ml-26 {
  margin-left: 1.63rem;
}

.mt-26 {
  margin-top: 1.63rem;
}

.ml-28 {
  margin-left: 1.75rem;
}

.mt-28 {
  margin-top: 1.75rem;
}

.ml-30 {
  margin-left: 1.88rem;
}

.mt-30 {
  margin-top: 1.88rem;
}

.ml-32 {
  margin-left: 2rem;
}

.mt-32 {
  margin-top: 2rem;
}

.ml-34 {
  margin-left: 2.13rem;
}

.mt-34 {
  margin-top: 2.13rem;
}

.ml-36 {
  margin-left: 2.25rem;
}

.mt-36 {
  margin-top: 2.25rem;
}

.ml-38 {
  margin-left: 2.38rem;
}

.mt-38 {
  margin-top: 2.38rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.ml-42 {
  margin-left: 2.63rem;
}

.mt-42 {
  margin-top: 2.63rem;
}

.ml-44 {
  margin-left: 2.75rem;
}

.mt-44 {
  margin-top: 2.75rem;
}

.ml-46 {
  margin-left: 2.88rem;
}

.mt-46 {
  margin-top: 2.88rem;
}

.ml-48 {
  margin-left: 3rem;
}

.mt-48 {
  margin-top: 3rem;
}

.ml-50 {
  margin-left: 3.13rem;
}

.mt-50 {
  margin-top: 3.13rem;
}

.ml-52 {
  margin-left: 3.25rem;
}

.mt-52 {
  margin-top: 3.25rem;
}

.ml-54 {
  margin-left: 3.38rem;
}

.mt-54 {
  margin-top: 3.38rem;
}

.ml-56 {
  margin-left: 3.5rem;
}

.mt-56 {
  margin-top: 3.5rem;
}

.ml-58 {
  margin-left: 3.63rem;
}

.mt-58 {
  margin-top: 3.63rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.ml-62 {
  margin-left: 3.88rem;
}

.mt-62 {
  margin-top: 3.88rem;
}

.ml-64 {
  margin-left: 4rem;
}

.mt-64 {
  margin-top: 4rem;
}

.ml-66 {
  margin-left: 4.13rem;
}

.mt-66 {
  margin-top: 4.13rem;
}

.ml-68 {
  margin-left: 4.25rem;
}

.mt-68 {
  margin-top: 4.25rem;
}

.ml-70 {
  margin-left: 4.38rem;
}

.mt-70 {
  margin-top: 4.38rem;
}

.ml-72 {
  margin-left: 4.5rem;
}

.mt-72 {
  margin-top: 4.5rem;
}

.ml-74 {
  margin-left: 4.63rem;
}

.mt-74 {
  margin-top: 4.63rem;
}

.ml-76 {
  margin-left: 4.75rem;
}

.mt-76 {
  margin-top: 4.75rem;
}

.ml-78 {
  margin-left: 4.88rem;
}

.mt-78 {
  margin-top: 4.88rem;
}

.ml-80 {
  margin-left: 5rem;
}

.mt-80 {
  margin-top: 5rem;
}

.ml-82 {
  margin-left: 5.13rem;
}

.mt-82 {
  margin-top: 5.13rem;
}

.ml-84 {
  margin-left: 5.25rem;
}

.mt-84 {
  margin-top: 5.25rem;
}

.ml-86 {
  margin-left: 5.38rem;
}

.mt-86 {
  margin-top: 5.38rem;
}

.ml-88 {
  margin-left: 5.5rem;
}

.mt-88 {
  margin-top: 5.5rem;
}

.ml-90 {
  margin-left: 5.63rem;
}

.mt-90 {
  margin-top: 5.63rem;
}

.ml-92 {
  margin-left: 5.75rem;
}

.mt-92 {
  margin-top: 5.75rem;
}

.ml-94 {
  margin-left: 5.88rem;
}

.mt-94 {
  margin-top: 5.88rem;
}

.ml-96 {
  margin-left: 6rem;
}

.mt-96 {
  margin-top: 6rem;
}

.ml-98 {
  margin-left: 6.13rem;
}

.mt-98 {
  margin-top: 6.13rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.ml-1-5 {
  margin-left: 0.094rem;
}

.ml-4-5 {
  margin-left: 0.28rem;
}

.mt-11-5 {
  margin-top: 0.72rem;
}

.ml-2-5 {
  margin-left: 0.16rem;
}

.ml-5-5 {
  margin-left: 0.34rem;
  display: inline-block;
}

.ml-11-5 {
  margin-left: 0.72rem;
}

.page {
  padding-bottom: 32.97rem;
  background-color: #ffe7cb;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.section {
  padding: 1.03rem 0.63rem 4.75rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108376289916328163.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.image {
  margin-left: 1.25rem;
  margin-right: 0.47rem;
  width: 20.47rem;
  height: 0.75rem;
}

.group {
  padding: 1.03rem 0 8.63rem;
}

.image_2 {
  width: 0.63rem;
  height: 1.09rem;
}

.pos {
  position: absolute;
  left: 0.16rem;
  right: 0.94rem;
  top: 0;
}

.image_6 {
  margin-top: 5.97rem;
  filter: drop-shadow(0rem 0rem 0.68rem #f3cb8ea6);
  width: 8.19rem;
  height: 4.78rem;
}

.image-wrapper {
  padding: 5.53rem 0 1.03rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108371421339490247.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 10.44rem;
  height: 9.22rem;
}

.image_4 {
  margin-left: 0.72rem;
  width: 3.59rem;
  height: 2.66rem;
}

.image_3 {
  filter: drop-shadow(0.04rem 0.085rem #fff6e1);
  width: 10.5rem;
  height: 1.19rem;
}

.pos_3 {
  position: absolute;
  left: 1.03rem;
  top: 3.72rem;
}

.image_5 {
  filter: drop-shadow(0.04rem 0.085rem #fff6e1);
  width: 11.5rem;
  height: 2.4rem;
}

.pos_4 {
  position: absolute;
  left: 0.66rem;
  bottom: 3.28rem;
}

.font {
  font-size: 1.13rem;
  font-family: PingFang SC;
  line-height: 1.06rem;
  font-weight: 500;
  color: #222222;
}

.pos_2 {
  position: absolute;
  right: 7.84rem;
  top: 1rem;
}

.section_3 {
  padding: 9.69rem 0.88rem 4.63rem 1rem;
  background-image: url("https://shops.cg500.com/static/newimg/666.png");
  background-size: 100% 100%;
}

.pos_6 {
  position: absolute;
  left: 0;
  right: 0;
  top: 14.03rem;
}

.section_5 {
  padding: 0 1rem 1.81rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108371428461033047.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.group_5 {
  padding: 0.88rem 0 0.97rem;
}

.text_8 {
  margin-left: 2.72rem;
  color: #ffffff;
  font-size: 1.13rem;
  font-family: Alimama ShuHeiTi;
  font-weight: 700;
  line-height: 1rem;
  opacity: 0.14;
}

.text_7 {
  color: #ffffff;
  font-size: 1rem;
  font-family: HarmonyOS Sans SC;
  font-weight: 900;
  line-height: 0.97rem;
  text-shadow: 0rem 0rem 0.69rem #d247384d;
}

.pos_8 {
  position: absolute;
  left: 0;
  top: 0.72rem;
}

.text-wrapper_3 {
  padding: 0.38rem 0;
  border-radius: 0.94rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108376290111891556.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 5.69rem;
}

.font_3 {
  font-size: 1.25rem;
  font-family: PingFang SC;
  line-height: 1.16rem;
  color: #222222;
}

.text_9 {
  color: #ffffff;
  font-weight: 500;
}

.group_6 {
  margin-top: 0.72rem;
  padding: 0 4.84rem;
}

.image_8 {
  width: 1.59rem;
  height: 1.03rem;
}

.text_10 {
  color: #151515;
  font-size: 1.88rem;
  font-family: PingFang SC;
  font-weight: 700;
  line-height: 1.44rem;
}

.group_7 {
  margin-top: 0.72rem;
}

.font_4 {
  font-size: 0.81rem;
  font-family: PingFang SC;
  color: #381e09;
}

.text_11 {
  line-height: 0.78rem;
  font-size: 16px;
}

.text_12 {
  line-height: 0.63rem;
  font-size: 16px;
}

.equal-division {
  padding: 0.22rem 0.47rem 0.75rem;
  background-color: #fad1b1;
  border-radius: 0rem 0rem 0.75rem 0.75rem;
}

.equal-division-item {
  flex: 1 1 10.06rem;
}

.section_6 {
  padding: 1.84rem 1.88rem 1.5rem;
  filter: drop-shadow(0rem 0rem 0.28rem #f2c17e24);
  border-radius: 0.75rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108376290145237474.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.31rem;
}

.image_11 {
  width: 3.09rem;
  height: 2.66rem;
}

.text_13 {
  margin-top: 0.59rem;
}

.section_8 {
  background-color: #ffeaac;
  border-radius: 0.25rem;
  width: 2.75rem;
  height: 0.5rem;
}

.image_12 {
  width: 0.88rem;
  height: 0.56rem;
}

.font_5 {
  font-size: 1.15rem;
  font-family: PingFang SC;
  line-height: 1.34rem;
  font-weight: 700;
  color: #222222;
}

.font_6 {
  font-size: 0.69rem;
  font-family: PingFang SC;
  line-height: 0.53rem;
  color: #999999;
}

.text_15 {
  margin-left: 0.59rem;
}

.section_7 {
  padding: 1.63rem 0.81rem 1.5rem 2rem;
  filter: drop-shadow(0rem 0rem 0.28rem #f2c17e24);
  border-radius: 0.75rem;
  background-image: url("https://shops.cg500.com/static/newimg/17108376290087939123.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.31rem;
}

.image_10 {
  width: 2.88rem;
  height: 2.72rem;
}

.text_14 {
  line-height: 1.19rem;
}

.section_2 {
  padding: 1.34rem 3.25rem 0.69rem;
  background-image: linear-gradient(0deg, #ffffff 0%, #ffffff 54%, #fff0dc 100%);
  box-shadow: 0rem 0rem 0.28rem 0.031rem #f2c17e24;
  border-radius: 0.75rem;
  border-left: solid 0.031rem #ffffff;
  border-right: solid 0.031rem #ffffff;
  border-top: solid 0.031rem #ffffff;
  border-bottom: solid 0.031rem #ffffff;
}

.pos_5 {
  position: absolute;
  left: 0.94rem;
  right: 0.91rem;
  top: 10.5rem;
}

.text_2 {
  color: #151515;
  font-size: 0.88rem;
  font-family: PingFang SC;
  line-height: 0.84rem;
}

.text-wrapper {
  width: 20rpx;
  height: 28rpx;
  font-family: PingFang SC;
  font-weight: 600;
  font-size: 36rpx;
  color: #ec6d51;
  line-height: 80rpx;
  padding: 0.5rem 0;
  background-image: linear-gradient(0deg, #fbe7d6 0%, #fbe7d6 25%, #fceee1 65%, #fdf5ed 82%, #fef8f2 89%, #fefbf7 99%, #fefbf7 100%);
  border-radius: 5px;
  width: 1.38rem;
  height: 1.94rem;
  border-left: solid 0.031rem #f59938;
  border-right: solid 0.031rem #f59938;
  border-top: solid 0.031rem #f59938;
  border-bottom: solid 0.031rem #f59938;
}

.font_2 {
  font-size: 1.13rem;
  font-family: PingFang SC;
  line-height: 0.88rem;
  font-weight: 700;
  color: #ec6d51;
}

.text-wrapper_2 {
  padding: 0.63rem 0;
  background-image: linear-gradient(0deg, #fbe7d6 0%, #fbe7d6 25%, #fceee1 65%, #fdf5ed 82%, #fef8f2 89%, #fefbf7 99%, #fefbf7 100%);
  border-radius: 0.13rem;
  width: 1.38rem;
  height: 1.94rem;
  border-left: solid 0.031rem #f59938;
  border-right: solid 0.031rem #f59938;
  border-top: solid 0.031rem #f59938;
  border-bottom: solid 0.031rem #f59938;
}

.text_3 {
  line-height: 0.63rem;
    margin-left: 5px;
}

.text {
  line-height: 0.84rem;
}

.group_2 {
  margin-top: 1.38rem;
  padding-left: 1rem;
  padding-right: 0.84rem;
}

.section_4 {
  background-color: #fff4e4;
  border-radius: 0.19rem;
  width: 4.13rem;
  height: 0.38rem;
}

.group_3 {
  margin-top: 0.69rem;
}

.image_9 {
  margin-top: 0.66rem;
}

.text_4 {
  color: #222222;
  font-size: 1.69rem;
  font-family: PingFang SC;
  font-weight: 700;
  line-height: 2.88rem;
  margin-left: 10px;
}
.qwe {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text_44 {
  font-size: 2.09rem;
  font-family: DIN Alternate;
  font-weight: bold;
  font-size: 88rpx;
  color: #222222;
  line-height: 80rpx;
  text-shadow: 1rpx 3rpx 0rpx #fff6e1;
  font-style: italic;
  background: linear-gradient(0deg, #83440c 13.916015625%, #140d03 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.group_4 {
  margin-top: 1.06rem;
  padding-left: 1.94rem;
  padding-right: 1.75rem;
  margin-bottom: 1.06rem;
}

.text_5 {
  color: #666666;
  font-size: 15px;
  font-family: PingFang SC;
  line-height: 0.72rem;
}

.text_6 {
  color: #666666;
  font-size: 15px;
  font-family: PingFang SC;
  line-height: 0.63rem;
}

.image_7 {
  width: 9.03rem;
  height: 5.66rem;
}

.pos_7 {
  position: absolute;
  right: -0.22rem;
  bottom: 0.44rem;
}
</style>
